<!--
 ~ Copyright (c) 2005-2010, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 ~
 ~ WSO2 Inc. licenses this file to you under the Apache License,
 ~ Version 2.0 (the "License"); you may not use this file except
 ~ in compliance with the License.
 ~ You may obtain a copy of the License at
 ~
 ~    http://www.apache.org/licenses/LICENSE-2.0
 ~
 ~ Unless required by applicable law or agreed to in writing,
 ~ software distributed under the License is distributed on an
 ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 ~ KIND, either express or implied.  See the License for the
 ~ specific language governing permissions and limitations
 ~ under the License.
 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Theme Management UI - User Guide</title>
  <link href="../../admin/css/documentation.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
<h1>Theme Management UI </h1>

<p>
You can configure the themes of the UI from this page. This theme will be common to all users under your organization. </p>

<p>
This provides several sections that allow you to configure
the theme for your organization in several levels.
</p>

<h2>Change the Logo</h2>
<p>
    You can change the logo image of your theme (Mostly appear on the left top corner) to the logo of your organization. 
</p>

<img src="images/change-logo.png" alt="Changing the logo"/>
<p>Figure1: The Change The Logo Section</p>

<p>
You can upload the logo image from either
</p>
<ul>
    <li>
        local file system - by selecting "Update the logo image from File"
    </li>
    <li>
        Internet/network - by selecting "Upload the logo image from a URL"
    </li>
</ul>

<h2>Select a Theme</h2>

<p>
This will show you a list of themes from where you can choose one for the theme of your organziation's account.    
</p>

<img src="images/select-theme.png" alt="Select a theme"/>
<p>Figure2: The Select a Theme Section</p>


<h2>Create your own themes </h2>
<p>
This section allows you to edit the theme. You can add/remove images + edit the main css file to change your theme.     
</p>

<em>Note: This section is visible only for users with theme-management permission. You need to login to that.</em>

<img src="images/edit-theme.png" alt="Edit theme"/>
<p>Figure3: Edit the theme</p>
</body>

</html>
